import { Button } from "@/components/ui/button";
import { ArrowRight, Sparkles, Zap } from "lucide-react";
import { Link } from "react-router-dom";

const Index = () => {
  return (
    <div className="min-h-screen bg-background flex items-center justify-center">
      <div className="text-center space-y-8 max-w-2xl mx-auto px-4">
        <div className="space-y-4">
          <h1 className="text-5xl md:text-6xl font-bold bg-gradient-primary bg-clip-text text-transparent">
            工具市场
          </h1>
          <p className="text-xl text-muted-foreground">
            发现强大的 Excel 和 HTML 工具，提升您的工作效率
          </p>
        </div>
        
        <div className="flex flex-col sm:flex-row gap-4 justify-center items-center">
          <Link to="/marketplace">
            <Button size="lg" className="bg-gradient-primary hover:opacity-90 group">
              <Sparkles className="w-5 h-5 mr-2 group-hover:animate-float" />
              进入市场
              <ArrowRight className="w-5 h-5 ml-2 group-hover:translate-x-1 transition-transform" />
            </Button>
          </Link>
          <Button variant="outline" size="lg">
            <Zap className="w-5 h-5 mr-2" />
            了解更多
          </Button>
        </div>
      </div>
    </div>
  );
};

export default Index;
